/*
"WE NEVER GIVE PERMISSION TO COPY ALL SOURCE CODE, ALL RIGHTS RESERVED"
*/

/*!
Blogger Template Name
Name: Articsocie
Designer: imam.putra.pupu
URL: https://plus.google.com/117986839924849705015
*/

.post {
background: #FCFCFC;
border:1px solid #FFFFFF;
box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
float:left;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 97%;
}

h2.post-title {
background: #F9F9F9;
border-bottom: 1px solid #DDDDDD;
font-family: Droid Serif,Arial,Sans-Serif;
}

.thumb-first {
height: 216px; 
width: 220px;
}

.thumb-second {
background: #FFFFFF; 
border: 1px solid #DDDDDD;
float: left; 
height: 216px; 
margin: 5px; 
padding: 1px;
width: 220px;  
} 

.posthead {
border-top: 1px solid #FFFFFF;
color: #888888;
font-size: 11px;
line-height: 140%;
padding-top: 5px;
}

.posthead a {
color: #999999;
text-decoration: none;
}

.posthead a:hover {
color: #0E8FEC;
text-decoration: none;
}

.post-body {
color: #555555;
font-family: Ubuntu,Arial,Sans-Serif;
font-size: 14px;
line-height: 140%;
padding: 0 5px;
text-align: justify;
}

.rmlink a {
color: #555555;
float: right;
font-weight: 700;
margin-top: 12px;
padding: 2px;
text-decoration: none;
}

.rmlink a:hover {
color: #0E8FEC;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#post-homepage-outer {
color: #555555;
font: normal 12px Arial,Sans-Serif;
height: auto;
margin-top: 7px; 
overflow: hidden;
padding: 0;
text-align: left;
text-align:justify; 
}

#post-homepage-loading {
background: transparent url(http://strumpet.googlecode.com/svn/branches/image/index.gif) no-repeat 50% 45%;
font-size: 20px;
font-weight: 700;
height: 442px;
padding: 30px 0;
text-align: center;
text-indent: -99999px;
}

.itemposts {
animation: fadein 6s;
background: #FCFCFC;
border: 1px solid #fff;
box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
float: left;
height: auto;
-khtml-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
margin: 5px 10px 5px 0px;
-moz-animation: fadein 6s; 
-ms-animation: fadein 6s; 
-o-animation: fadein 6s;
-moz-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
overflow: hidden;
padding: 0 0px 0 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-webkit-animation: fadein 6s; 
-webkit-box-shadow: 0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
width: 47.5%;
}

.itemposts h6{
border-bottom: 1px solid #DDDDDD;
font: bold 13px Droid Serif,Arial,Sans-Serif;
list-style: none outside none;
margin: 0 0px 0px 0px;
overflow: hidden;
padding: 7px 0px 7px 5px!important;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
}

.itemposts h6 a {
color: #666666;
text-decoration: none;
}

.itemposts h6 a:hover {
color:#0E8FEC;
text-decoration:none;
}

.itemposts img {
background: #FFFFFF;
border: 1px solid #DDDDDD; 
float: left;
height: 70px;
margin: 0 7px 0px 5px;
padding: 1px;
width: 70px;
text-indent: 99999px;
}

.iteminside {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #FFFFFF;
height: 78px;
overflow: hidden;
padding: 5px 5px 0px 0px;
}

.itemposts .itemfooter {
border-top: 1px solid #FFFFFF;
clear: both;
font-size: 11px;
overflow: hidden;
padding: 4px 1px 4px 5px;
}

.itemposts .itemfooter a.itemreadmore {
color: #555555;
float: right;
font-size: 11px;
font-weight: 700;
padding-right: 5px;
text-decoration: none;
}

.itemposts .itemfooter a.itemreadmore:hover {
color: #0E8FEC;
text-decoration: none;
}

#itempagefirst {
clear: both;
padding: 10px 0; 
}

#totalposts {
animation: fadein 6s;
display: block;
font: normal 11px Tahoma,Arial,Sans-Serif;
-moz-animation: fadein 6s; 
-ms-animation: fadein 6s; 
-o-animation: fadein 6s;
margin-bottom: 20px;
margin-top: 10px;
padding:0;
text-align: center;
-webkit-animation: fadein 6s; 
}

#itempagesecond {
animation: fadein 6s;
display: block;
font: bold 11px Tahoma,Arial,Sans-Serif;
-moz-animation: fadein 6s; 
-ms-animation: fadein 6s; 
-o-animation: fadein 6s;
margin-top: 10px;
padding: 0;
text-align: center;
-webkit-animation: fadein 6s;
}

#itempagesecond span, #itempagesecond a {
background: #666666;
border: 1px solid #CCCCCC;
color: #FFFFFF;
display: inline;
margin: 0 2px;
padding: 2px 5px;
text-decoration: none;
text-indent: 0;
}

#itempagesecond span.hidden {
display:none;
}

#itempagesecond a:hover,#itempagesecond span.actual {
background: #EEEEEE;
border: 1px solid #CCCCCC;
color: #555555;
transition:all .3s ease-out;
}

@media screen and (max-width:700px) {
.itemposts {
width: 47%;
}

.iteminside {
height: 80px;
}
}

@media screen and (max-width:640px) {
h2.post-title a,h2.post-title strong {
font-size: 15px;
}

.itemposts {
float: none;
width: auto;
}
}

@media screen and (max-width:300px) {
h2.post-title a,h2.post-title strong {
font-size: 14px;
}

.iteminside {
height: 75px;
}
}